<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_JS函数</title>
</head>
<body>

    <script>
        function f1(){
            console.log(("f1被执行了！！！"))
        }
        f1();

        function f2(n){
            console.log(("f2被执行了"));
            console.log(n)
        }
        f2(100);
        f2('你好');
        f2(true);

        //函数可以设置多个参数，且参数个数可以不匹配
        //如果实参个数大于形参个数，多余的参数会被忽略
        //如果实参个数小于形参个数，则缺少的参数会被设置为undefined
        function f3(x,y){
            console.log(("f3被执行了"));
            console.log(x+y);
        }
        f3(10,20);
        f3(1,2,3,4);
        f3(1);

        function f4(x,y){
            console.log(("f4被执行了"));
            return x + y;
        }
        var result = f4(10,20);
        console.log(result);
        console.log(f4(1,20));

        //匿名函数自调用
        (function (){
            console.log("匿名函数自调用");
        })();

        //将函数整体交给f5保存，f5就相当于函数的名字去使用即可
        var f5 = function (){
            console.log("f5被执行了");
        }
        f5();
        console.log(f5);
        console.log(typeof f5);

        //箭头函数
        const f6 = () => {
            console.log("f6被执行了");
        }
        f6();
    </script>

</body>
</html>